@charset "utf-8";
html{ overflow-y:scroll;}
body {
	margin: 0px;
	padding:0px;
	background-color:#FFF;
}
body,td,th,input,textarea,select {
	font-size: 14px;
	color:#555555;
	font-family: "Microsoft Yahei","微软雅黑",Arial, Helvetica, sans-serif;
}
@media (min-width: 1200px) {	
body,td,th,input,textarea,select {
	font-size: 16px;
}
}

/*圆细滚动条样式*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}


input,textarea{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
textarea{ resize:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #c0c0c0;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #c0c0c0;}
input::-moz-placeholder, textarea::-moz-placeholder {color: #c0c0c0;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #c0c0c0;}

ul,li,form{ margin:0; padding:0; list-style-type:none;}
a{color:#555555; text-decoration:none; position:relative;}
a:hover{color:#ff0000; text-decoration:none;}
a,i,.animation{
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}
.noanimation a{
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
}

.movex{}
.movex a{ display:inline-block;}
.movex a:hover{ -moz-transform:translateX(5px); -webkit-transform:translateX(5px); -o-transform:translateX(5px); -ms-transform:translateX(5px); transform: translateX(5px);}
.movex2{}
.movex2 a{ display:inline-block;}
.movex2 a:hover{ -moz-transform:translateX(-5px); -webkit-transform:translateX(-5px); -o-transform:translateX(-5px); -ms-transform:translateX(-5px); transform: translateX(-5px);}

.movey{}
.movey a{ display:inline-block;}
.movey a:hover{ -moz-transform:translateY(5px); -webkit-transform:translateY(5px); -o-transform:translateY(5px); -ms-transform:translateY(5px); transform: translateY(5px);}
.movey2{}
.movey2 a{ display:inline-block;}
.movey2 a:hover{ -moz-transform:translateY(-5px); -webkit-transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); transform: translateY(-5px);}

a.white{color:#FFFFFF; text-decoration:none;}
a.white:hover{color:#FFFFFF; text-decoration:underline;}
.floatl{ float:left;}
.floatr{ float:right;}
.clear{ clear:both;}
.r5{-moz-border-radius:5px; border-radius:5px;}
.r10{-moz-border-radius:10px; border-radius:10px;}
.r15{-moz-border-radius:15px; border-radius:15px;}
.r20{-moz-border-radius:20px; border-radius:20px;}
.ellipsis{ overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow: ellipsis;}
.ellipsis2{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow: ellipsis;}
.setp{}
.setp p{ margin:0; padding:0;}
.setimg{}
.setimg img{ max-width:100%;}
.setimg2{}
.setimg2 img{ width:100%;}
.relative{ position:relative;}
.AnimationScale img{transition:all 0.5s;-ms-transition::all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.AnimationScale:hover img{transform:scale(1.06);-ms-transform::scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);}
.AnimationTranslateX{transition:all 0.3s;-ms-transition::all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.AnimationTranslateX:hover{transform:translateX(5px);-ms-transform::translateX(5px);-moz-transform:translateX(5px);-webkit-transform:translateX(5px);-o-transform:translateX(5px);}
.AnimationRight{animation:fadeInRight 0.6s .1s ease both; -webkit-animation:fadeInRight 0.6s .1s ease both; -moz-animation:fadeInRight 0.6s .1s ease both; -ms-animation:fadeInRight 0.6s .1s ease both; -o-animation:fadeInRight 0.6s .1s ease both;}

@keyframes fadeInRight{0%{opacity:0;transform:translateX(-15px)}100%{opacity:1;transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-15px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(-15px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(-15px)}100%{opacity:1;-ms-transform:translateX(0)}}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(-15px)}100%{opacity:1;-o-transform:translateX(0)}}


.body_container{ max-width:1260px; position:relative;}
.body1{width:1200px; margin:0px auto;}
.body2{background-color:#FFF; padding:20px;}
.body3{background-color:#FFF;}

.tdh{height:10px; font-size:1px; line-height:1px;}
.tdh2{height:20px; font-size:1px; line-height:1px;}
.tdh3{height:30px; font-size:1px; line-height:1px;}
.tdh4{height:40px; font-size:1px; line-height:1px;}
.tdw{width:10px; font-size:1px; line-height:1px;}
.tdw2{width:20px; font-size:1px; line-height:1px;}

.txtshadow1{-webkit-text-shadow:2px 2px 6px rgba(0,0,0,0.5); -moz-text-shadow:2px 2px 6px rgba(0,0,0,0.5); text-shadow:2px 2px 6px rgba(0,0,0,0.5);}
.shadow1{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); -moz-box-shadow:0 0 15px rgba(0,0,0,0.2); box-shadow:0 0 15px rgba(0,0,0,0.2);}
.shadow2{ -webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 10px rgba(0,0,0,0.2); box-shadow:3px 3px 10px rgba(0,0,0,0.2);}
.shadow3{-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.4); -moz-box-shadow:5px 5px 8px rgba(0,0,0,0.4); box-shadow:5px 5px 8px rgba(0,0,0,0.4);}
.a_shadow1{}
.a_shadow1:hover{-webkit-box-shadow:0 3px 10px #a5a5a5; -moz-box-shadow:0 3px 10px #a5a5a5; box-shadow:0 3px 10px #a5a5a5;}
.a_shadow2 img{}
.a_shadow2:hover img{-webkit-box-shadow:0 3px 10px #a5a5a5; -moz-box-shadow:0 3px 10px #a5a5a5; box-shadow:0 3px 10px #a5a5a5;}


/*视频图标样式*/
.video_icon{ position:relative;}
.video_icon:before{ width:100%; height:100%; display:block; content:""; background-image:url(../index/playanimation.png); background-repeat:no-repeat; background-position:center; position:absolute; z-index:1; background-size:36px;}
@media (min-width: 768px) {
	.video_icon:before{ background-size:50px;}
}
@media (min-width: 992px) {	
	.video_icon:before{ background-size:36px;}
}
@media (min-width: 1200px) {
	.video_icon:before{ background-size:50px;}
}

.video_icon2{ position:relative;}
.video_icon2 img{ cursor:url(/index/video.png),auto;}


/*当前位置视频播放*/
.video-container{ position:relative; overflow:hidden;}
.video-container img{ width:100%; display:block; cursor:url(/index/video.png),auto;}
/*.video-player{ position:absolute; top:0; left:0;}*/
.video-player video{ width:100%; height:100%; object-fit:fill}


/*一行显示多少个*/
.flex1{display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:stretch;}
.flex2{display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:stretch; justify-content:center;}
.flex3{display:flex; display:-webkit-flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.row3{ margin:-5px;}
.row3>div, .row3>a{ width:50%; padding:8px 5px;}
.row4{ margin:0 -5px;}
.row4>div, .row4>a{ width:100%; padding:0px 5px;}
.row4_2{ margin:0 -5px;}
.row4_2>div, .row4_2>a{ width:50%; padding:8px 5px;}
@media (min-width: 768px) {
	.row3{ margin:-8px;}
	.row3>div, .row3>a{ padding:8px;}
	.row4{ margin:0 -8px;}
	.row4>div, .row4>a{ width:50%; padding:5px 8px;}
	.row4_2{ margin:0 -8px;}
	.row4_2>div, .row4_2>a{ width:33.33%; padding:8px;}
}

@media (min-width: 992px) {	
	.row3{ margin:-12px;}
	.row3>div, .row3>a{ width:33.33%; padding:12px;}
	.row4{ margin:0 -12px;}
	.row4>div, .row4>a{ width:25%; padding:12px;}
	.row4_2{ margin:0 -8px;}
	.row4_2>div, .row4_2>a{ width:25%; padding:8px;}
}

@media (min-width: 1200px) {
	.row4_2{ margin:0 -12px;}
	.row4_2>div, .row4_2>a{ width:25%; padding:12px;}
}


/*swiper设置*/
.swiper_list{ position:relative; padding:0; margin:0;}
.swiper_list .swiper-slide{ padding:10px 5px;}
.swiper_list .swiper-pagination{ position:relative; padding:5px 0;}
.swiper_list .swiper-pagination .swiper-pagination-bullet{ margin:0 5px; outline:none;}

.swiper_list a{ display:block; text-align:center;}
.swiper_list .pic{ overflow:hidden;}
.swiper_list .txt{ line-height:1.6; padding:10px 0 0;}
.swiper_list a:hover{}

.swiper_list_white a{ color:#FFF;}
.swiper_list_white a:hover{ color:#ff0000;}



.article_swiper{ position:relative; padding:0 20px; margin:0 -5px;}
.article_swiper a{ text-align:center; padding:0 8px;}
.article_swiper a .pic{ overflow:hidden;}
.article_swiper a .title{ margin-top:10px; line-height:22px; height:22px;-webkit-line-clamp:1;}
@media (min-width: 768px) {	
	.swiper_list{ padding:0; margin:0;}
	.swiper_list .swiper-slide{ padding:10px;}
	
	.article_swiper{ position:relative; padding:0 35px; margin:0 -25px;}
	.article_swiper a{ padding:0 15px;}
}
@media (min-width: 1200px) {
	/*
	.swiper_list{ padding:0 40px; margin:0 -55px;}
	*/
	.swiper_list .swiper-slide{ padding:10px 20px;}
	.swiper_list .txt{ padding:15px 0 0;}
	
	.article_swiper{ position:relative; padding:0 40px; margin:0 -55px;}
}



/*右边在线浮动图标*/
.fixed-mobile-tools {
	width: 40px;
	position: fixed;
	right: 10px;	
	bottom: 120px;
	z-index: 1500;
	cursor:pointer;
	opacity:0.8;
	 -webkit-transform:translateZ(0);
}

.fixed-tools {
	width: 58px;
	position: fixed;
	right: 0;
	bottom:20%;
	border-radius: 4px 0 0 4px;
	z-index: 1500;
	color:#333;
	-webkit-transform:translateZ(0);
}
.fixed-tools .tools {
	height: 59px;
	cursor: pointer;
	line-height: 24px;
	text-align: center;
	position: relative;
	margin-top: -1px;
	background-color: #4f4f4f
}
.fixed-tools .tools::after {
	height: 1px;
	margin: 0 11px 0;
	background-color: #fff;
	opacity: .2;
	content: '';
	display: block;
	position: relative;
	z-index: 1
}
.fixed-tools .tools:last-child::after{ display:none;}
.fixed-tools .tools:hover {
	z-index: 2;
	background-color: #7f7f7f;
	-webkit-transition: background-color linear .2s;
	transition: background-color linear .2s
}
.fixed-tools .tools:first-child{border-radius:4px 0 0;}
.fixed-tools .tools:last-child{border-radius:0 0 0 4px;}
.fixed-tools .tools i{ background-image:url(/index/fixed-tools.png?v=20190726); display:inline-block; width:58px; height:58px;}
.fixed-tools .tools .icon-whatsapp{ background-position:0 -58px;}
.fixed-tools .tools .icon-qq{ background-position:0 0;}
.fixed-tools .tools .icon-top{ background-position:0 -116px;}
.fixed-tools .tools .icon-skype{ background-position:0 -174px;}
.fixed-tools .tools .icon-email{ background-position:0 -232px;}
.fixed-tools .tools .icon-weixin{ background-position:0 -290px;}
.fixed-tools .none {display: none;}
.fixed-tools .poptoolover {
	position: absolute;
	right: 68px;
	top: 0;
	background-color: #fff;
	box-shadow: .5px .866px 4px 0 rgba(9,2,4,0.4);
	width: 180px;
	padding: 1px 2px 2px 1px;
	box-sizing: border-box;
	border-radius: 2px;
	-webkit-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform: translate3d(-15px, 0, 0);
	transform: translate3d(-15px, 0, 0);
	z-index: 3
}
.fixed-tools .poptoolover::before {
	position: absolute;
	content: '';
	top: 16px;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #c5c3c4
}
.fixed-tools .poptoolover::after {
	position: absolute;
	content: '';
	top: 17px;
	right: -9px;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #fff
}
.fixed-tools .tools:hover .none {display: block;}
.fixed-tools .poptoolover-tel {width:200px;padding:10px;text-align: left;}
.fixed-tools .poptoolover-tel img{ margin-right:10px; float:left;}


@-webkit-keyframes fadeInLeft15 {
from {
opacity:0;
-webkit-transform:translate3d(-15px, 0, 0);
transform:translate3d(-15px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInLeft15 {
from {
opacity:0;
-webkit-transform:translate3d(-15px, 0, 0);
transform:translate3d(-15px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInLeft15 {
	-webkit-animation-name: fadeInLeft15;
	animation-name: fadeInLeft15
}

@-webkit-keyframes fadeInRight15 {
from {
opacity:0;
-webkit-transform:translate3d(15px, 0, 0);
transform:translate3d(15px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInRight15 {
from {
opacity:0;
-webkit-transform:translate3d(15px, 0, 0);
transform:translate3d(15px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInRight15 {
	-webkit-animation-name: fadeInRight15;
	animation-name: fadeInRight15
}



/*=============================*/
/*手机兼容*/

/*底部导航*/
.bottom{ position:fixed; z-index:99997; height:60px; width:100%; bottom:0; background-color:#eb1b11; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-transform:translateZ(0);}
.bottom li{ width:33.33%; float:left; text-align:center; line-height:22px;}
.bottom img{ width:80%; max-width:20px;}
.bottom a{ background-size:auto 40%; line-height:24px; padding:34px 0 6px; display:inline-block; width:100%; background-repeat:no-repeat; background-position:center 8px; color:#FFF;}
.bottom a:hover{ color:#FFF;}
.bottom_home{ background-image:url(../index/m/foottool_home.png);}
.bottom_tel{ background-image:url(../index/m/foottool_tel.png);}
.bottom_map{ background-image:url(../index/m/foottool_map.png);}
.bottom_email{ background-image:url(../index/m/foottool_email.png);}
.bottom_skype{ background-image:url(../index/m/foottool_skype.png);}
.bottom_whatsapp{ background-image:url(../index/m/foottool_whatsapp.png);}
.foottool_dir{ background-image:url(../index/m/foottool_dir.png);}


/*菜单背景颜色*/
.mobile-nav-back{
	height:100%;
	width:100%;
	position:fixed;
	background-color:#000;
	z-index:99998;
	top:0;
	left:-100%;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity:0.3;
	opacity:0.3;
}
.mobile-nav-back.menu-is-open{
	left:0;
}

/*菜单*/
.mobile-nav{ 
	height:100%; 
	width:90%;
	max-width:300px;
	overflow:hidden;
	background-color:#FFF; 
	position:fixed;
	z-index:99999;
	top:0; 
	left:-300px;
	display:inline-block;
}
.mobile-nav.menu-is-open{
	left:0;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.mobile-nav-close{ position:absolute; right:0; z-index:99999;}
.mobile-nav-close img{ width:30px;}
.mobile-nav-menu{ height:100%; overflow:auto; padding:0 20px;}
.mobile-nav-tools{ position:fixed; z-index:99999; bottom:0; width:100%; text-align:center; padding:15px 0; background-color:#FFF;}
.mobile-nav-tools a{ display:inline-block; width:40%; text-align:center; margin:0 3%; line-height:36px; font-size:14px; border:solid 1px #efefef;}
.mobile-nav-tools a:hover{ border-color:#c3c3c3;}
.mobile-nav-tools img{ width:20px; margin-right:4px;}

.mobile-find{ padding:0 0 40px;}
.mobile-find1{ width:228px; line-height:32px; height:34px; padding:0 5px; border:solid 1px #CCC;}
.mobile-find2{ width:32px; padding:4px 3px;}


/*弹出菜单样式*/
.toplang{ padding:40px 0 0;}
.toplang img{ margin-right:5px;}
.toplang a{ display:inline-block; padding:5px; margin-right:3px;}
.topnav {width:100%; margin:10px 0 30px;}
.topnav {line-height: 0.5em;}
.topnav>li {border-bottom:solid 1px #efefef;}
.topnav li a {
	line-height: 20px;
	font-size: 15px;
	padding: 15px 5px;
	color: #555555;
	display: block;
	text-decoration: none;
}
.topnav li a:hover {
	color:#ff0000;
}
.topnav ul {
	display: none;
	padding:0 0 10px;
}
.topnav ul li {
	clear: both;
}
.topnav ul li a {
	color:#555555;
	background-image:url(../index/m/mobile-navigation-icon1.png);
	background-repeat:no-repeat;
	-moz-background-size:6px;
	-webkit-background-size:6px;
	-o-background-size:6px;
	background-size:6px;
	background-position:8px 10px;
	padding:5px 5px 5px 20px;
	font-size: 14px;
	font-weight: normal;
	outline:0;
}
.topnav ul li a:hover {
	background-position:8px -28px;
}
/*二级*/
.topnav ul ul{ padding:8px 0;}
.topnav ul ul li a {
	color:#555555;
	background-image:url(../index/m/mobile-navigation-icon2.png);
	background-position:20px 10px;
	padding:3px 5px 3px 35px;
	font-size:13px;
}
.topnav ul ul li a:hover {
	background-position:20px -31px;
}
/*三级*/
.topnav ul ul ul{ padding:8px 0 8px 16px;}
.topnav ul ul ul li a {
	color:#555555;
	background-image:url(../index/m/mobile-navigation-icon3.png);
	background-position:20px 10px;
	padding:3px 5px 3px 35px;
	font-size:12px;
}
.topnav ul ul ul li a:hover {
	background-position:20px -64px;

}

.topnav span{
	float:right;
	margin-top:3px;
}
.topnav .active a{color:#ff0000;}

.csshide{display:none;}
.cssshow{display:block;}